<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="keywords">
    <meta name="description">
    <title></title>
    <!--Layui-->
    <link href="/layui/css/layui.css" rel="stylesheet" />
    <!--font-awesome-->
    <link href="/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="/res/image/favicon.ico" type="image/x-icon" />
    <style>
        .fly-imagecode{position: relative; margin-top: -5px; cursor: pointer;}
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?07680cf6c1210e24108923649ee75019";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div class="layui-tab layui-tab-brief" lay-filter="login_reg_tab">
    <ul class="layui-tab-title">
        <li class="layui-this">用户登录</li>
        <li>用户注册</li>
    </ul>
    <div class="layui-tab-content">
        <!--登录页签-->
        <div class="layui-tab-item layui-show">
            <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
                <div class="layui-tab-item layui-show">
                    <div class="layui-form layui-form-pane">
                        <form>
                            <div class="layui-form-item">
                                <label for="L_email" class="layui-form-label">邮箱</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="L_email" name="email" lay-verify="email" lay-reqtext="请输入账号" placeholder="请输入邮箱账号" readonly onfocus="this.removeAttribute('readonly');" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_pass" class="layui-form-label">密码</label>
                                <div class="layui-input-inline">
                                    <input type="password" id="L_pass" name="pass" lay-verify="required" lay-reqtext="请输入密码" placeholder="请输入密码" readonly onfocus="this.removeAttribute('readonly');" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label for="L_vercode" class="layui-form-label">验证码</label>
                                <div class="layui-input-inline">
                                    <input type="text" id="L_vercode" name="vercode" lay-verify="required" lay-reqtext="请输入验证码" placeholder="请输入验证码" readonly onfocus="this.removeAttribute('readonly');" class="layui-input">
                                </div>
                                <div class="layui-form-mid" style="padding: 0!important;"> <img src="/user/genVerifyCode?t=1589007426130" class="fly-imagecode"> </div>
                            </div>
                            <div class="layui-form-item">
                                <button class="layui-btn" lay-filter="login-submit" lay-submit>立即登录</button>
                                <span style="padding-left:20px;">
                                  <a href="forget.html">忘记密码？</a>
                                </span>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!--注册页签-->
        <div class="layui-tab-item">
            <div class="layui-form layui-form-pane">
                <form method="post">
                    <div class="layui-form-item">
                        <label for="L_email" class="layui-form-label">邮箱</label>
                        <div class="layui-input-inline">
                            <input type="text" id="r_email" name="email" lay-verify="userEmail"  autocomplete="off" class="layui-input" maxlength="50" placeholder="请输入邮箱账号">
                        </div>
                        <div class="layui-form-mid layui-word-aux">仅用于接收验证码、严格保密、不会展示在页面</div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">验证码</label>
                        <div class="layui-input-inline" style="width: 146px;">
                            <input type="text" name="emailCode" id="emailCode" placeholder="请输入邮箱验证码" class="layui-input" autocomplete="off" maxlength="6" lay-verify="required" lay-reqtext="请输入验证码">
                        </div>
                        <button class="layui-btn" id="sendCaptchaButton" lay-filter="sendCaptchaButton" type='button'>获取验证码</button>
                    </div>
                    <div class="layui-form-item">
                        <label for="r_username" class="layui-form-label">昵称</label>
                        <div class="layui-input-inline">
                            <input type="text" id="r_username" name="username"  lay-verify="userNick" maxlength="20" readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux">该昵称将在评论区展示</div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_pass" class="layui-form-label">密码</label>
                        <div class="layui-input-inline">
                            <input type="password" id="r_pass" name="pass" lay-verify="userPass"  readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" class="layui-input" placeholder="请输入密码" maxlength="20">
                        </div>
                        <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                    </div>
                    <div class="layui-form-item">
                        <label for="r_repass" class="layui-form-label">确认密码</label>
                        <div class="layui-input-inline">
                            <input type="password" id="r_repass" name="repass" lay-verify="userPass"  readonly onfocus="this.removeAttribute('readonly');" autocomplete="off" class="layui-input" placeholder="请输入确认密码" maxlength="20">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" lay-filter="register-submit" lay-submit>立即注册</button>
                    </div>
                </form>
            </div>
        </div>


    </div>
</div>
<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/layui/layui.js"></script>
<script src="/js/global.js"></script>
<script src="/js/login-reg.js"></script>
</body>

</html>